// import React from 'react';
// import { observer, inject } from 'mobx-react';


// const Input = observer(({ field, type = 'text', placeholder = null }) => {
//     return (
//         <div className="measure">
//             <label
//                 htmlFor={field.id}
//                 className="f7 db mb2 mt3 light-silver"
//             >
//                 {field.label}
//             </label>
//             <input
//                 className="input-reset ba b--black-10 br1 pa2 mb2 db w-100 f6"
//                 aria-describedby="name-desc"
//                 {...field.bind({ type, placeholder }) }
//             />
//             <small className="f6 db red">
//                 {field.error}
//             </small>
//         </div>
//     )
// });

// const Select = observer(({ field }) => (
//     <div className="measure">
//         <label
//             htmlFor={field.id}
//             className="f7 db mb2 mt3 light-silver"
//         >
//             {field.label}
//         </label>
//         <select {...field.bind() }>
//             {field.extra.map(val =>
//                 <option key={val} value={val}>{val}</option>)}
//         </select>
//     </div>
// ));

// @inject('form')
// @observer
// export default class Form extends React.Component<any, any> {
//     render() {
//         const { form } = this.props;
//         return (
//             <form>
//                 <h2 className="light-red">Form Company</h2>
//                 <Input field={form.$('name')} />
//                 <Input field={form.$('name')} />
//                 <Input field={form.$('revenue')} />
//                 <Input field={form.$('assets')} />
//                 <Select field={form.$('products')} />
//                 <button onClick={form.onSubmit} >submit</button>
//             </form>

//         )
//     }
// }